@font-face {
    font-family: BebasNeue;
    src: url(https://img121.7dun.com/newRecommend2/BebasNeue-1.otf) format('truetype');
}

.score-c,
page {
    background-color: #101113;
}

.score-c {
    align-items: center;
    color: #fff;
    display: flex;
    padding: 38rpx 42rpx 24rpx 50rpx;
}

.score-c .headimg {
    border-radius: 50%;
    height: 60rpx;
    width: 60rpx;
}

.score-c .score-key {
    flex-grow: 1;
    font-size: 34rpx;
    font-weight: 500;
    margin-left: 10rpx;
}

.score-c .score-value {
    font-weight: 500;
}

.score-c .icon-arrow-right {
    font-size: 40rpx;
}

.list .card {
    align-items: center;
    background: url('https://img121.7dun.com/yuanqimali/myRedpack/infoBg.png') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    display: flex;
    height: 161rpx;
    margin: 40rpx auto;
    padding: 28rpx;
    width: 685rpx;
}

.list .card .card-img {
    height: 104rpx;
    margin-right: 30rpx;
    width: 174rpx;
}

.list .card .card-img image {
    height: 100%;
    width: 100%;
}

.list .card .top {
    flex: 1;
}

.list .card .top .title {
    color: #fff;
    font-size: 28rpx;
    font-weight: 700;
    margin-bottom: 20rpx;
}

.list .card .top .desc {
    color: #848484;
    font-size: 20rpx;
    font-weight: 500;
}

.list .card .total {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(270deg, #f7ffff, #9df9fc);
    -webkit-background-clip: text;
    color: #fff;
    font-family: BebasNeue;
    font-size: 36rpx;
}

.list .card .total text {
    font-size: 60rpx;
    margin-left: 6rpx;
}
